<template>
	<view class="my_wallpaper">
		<view class="iamge">
			<view v-for="(item, index) in wallpaperList" :key="index" @click="gotoImg(item)">
				<image :src="item.src" mode="" :alt="item.title"></image>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		name: "my_wallpaper",
		data() {
			return {
				
			};
		},
		props: ['wallpaperList'],
		 
		methods: {
			gotoImg(item) {
				uni.navigateTo({
					url: `../../subpkg/wallpaper_img/wallpaper_img?classify=${item.classify}&imgname=${item.title}.jpg`
				})
			}
		}
	}
</script>

<style lang="scss">
	.iamge {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		view {
			margin-top: 20rpx;
			padding: 0 8rpx;
			
			image {
				border-radius: 20rpx;
				height: 388rpx;
				width: 232rpx;
			}
		}
	}
</style>
